<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
     *{margin: 0px;padding: 0px;}
    li{list-style: none;}
    a{text-decoration: none;}
    .wrap{width: 1000px;margin: 0 auto;}
    .sbox{width:198px;height:250px;border:1px solid #ededed;float: left;position: relative;}
    .sbox .pic{height: 165px;border-bottom: 1px solid #f8f8f8;}
    .sbox img{height: 165px;}
    .sbox .info{padding:14px 0 0 18px;height:57px;width: 180px;font-size: 12px;color:#686868;} 
    </style>
    <script src="goodlist.js" type="module"></script>
</head>
<body>
    <div class="wrap">
        <ul>
            <!-- <li class="sbox">
            <a href="">
            <div class="pic"><img src="img/京东/京东效果_02.jpg"/></div>
            <div class="info">乔山 家用跑步机<h3 style="color:#e3393c;font-weight:400;">￥8499.00&nbsp;&nbsp;<i>1000</i></h3></div>
            <div class="sbox-box"></div>
            </a>
            </li> -->
        </ul>
    </div> 
</body>
<!-- <script> -->
<!-- //  $.ajax({url:"goodlist.php",callback:function(e){
//         var goodlist=JSON.parse(e);
//         console.log(goodlist)
//         var html=""
//         goodlist.forEach(item => {
//             html+=`<li class="sbox">
//             <a href="gooddetail.html?goods_id=${item.goods_id}">
//             <div class="pic"><img src="http:${item.goods_pic}"/></div>
//             <div class="info">${item.goods_title}<h3 style="color:#e3393c;font-weight:400;">￥${item.goods_current_price}&nbsp;&nbsp;<i>${item.goods_trade_num}</i></h3></div>
//             </a>
//             </li>`
//         });
//  ulBox.innerHTML=html;
//  }}) -->
<!-- </script> -->
</html>